<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/two.css"/>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
  <script type=text/javascript>
function selectTag(showContent,selfObj){
	// 操作标签
	var tag = document.getElementById("tags").getElementsByTagName("li");
	var taglength = tag.length;
	for(i=0; i<taglength; i++){
		tag[i].className = "";
	}
	selfObj.parentNode.className = "selectTag";
	// 操作内容
	for(i=0; j=document.getElementById("tagContent"+i); i++){
		j.style.display = "none";
	}
	document.getElementById(showContent).style.display = "block";
	
	
}
</script>
</head>

<body>


<nav class="top">
<span class="one">黑龙江省环评中心</span>
<ul>
<li><a href="#">首页</a>
<aside class="nine">
	<ul>
    	<li>123456</li>
    </ul>

</aside>
</li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a>
<aside class="hide">
	<ul>
    	<li>没机会吧</li>
    
    </ul>

</aside>
</li>
</ul>
<p class="return">退出</p>
</nav>

<section class="main">
<aside class="main-left">
	<article class="top-one">
    <h1>同江市长恒电热元热联产线项目</h1>
    <h6>-提交日期:2017-05-08</h6>
    </article>
	<article class="top-two">
    <p class="sque">
    <input name="" type="text" value="提交">
    <input name="" type="text" value="删除项目">
    <input name="" type="text" value="返回项目列表">
 </p>
    </article>
    <article class="xuanzhe">
   <!-- <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">标签 1</li>
        <li class="TabbedPanelsTab" tabindex="0">标签 2</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">内容 1</div>
        <div class="TabbedPanelsContent">内容 2</div>
      </div>
    </div>-->
<div id=con>
  <ul id=tags>
   <li class=selectTag><A onClick="selectTag('tagContent0',this)" 
  href="javascript:void(0)">一</A> </li>
    <li><A onClick="selectTag('tagContent1',this)" 
  href="javascript:void(0)">二</A> </li>

  </ul>
<div class="clear"></div>
  <div id=tagContent>
    <div class="tagContent selectTag" tagContent id=tagContent0>
    <aside class="xuan-mian">
    <ul class="xuan-top">
    <li>
    	<span>接收文件</span>
        <p><img src="images/xuanzhe.png" width="60" height="60"></p> 
        <h5>明明</h5>
         	
        <h6>2015-5-6</h6>
        </li>
        <li>
    	<span>接收文件</span>
        <p><img src="images/xuanzhe.png" width="60" height="60"></p> 
        <h5>明明</h5>
         	
        <h6>2015-5-6</h6>
        </li>
          <li>
    	<span>接收文件</span>
        <p><img src="images/xuanzhe.png" width="60" height="60"></p> 
        <h5>明明</h5>
         	
        <h6>2015-5-6</h6>
        </li>
          <li>
    	<span>接收文件</span>
        <p><img src="images/xuanzhe.png" width="60" height="60"></p> 
        <h5>明明</h5>
         	
        <h6>2015-5-6</h6>
        </li>
          <li>
    	<span>接收文件</span>
        <p><img src="images/xuanzhe.png" width="60" height="60"></p> 
        <h5>明明</h5>
         	
        <h6>2015-5-6</h6>
        </li>
    </ul>
    
    <aside class="xuan-down">
  
    	<h2>受理</h2>
    	<p>接接收文件人：某某</p>
        <p>日期：2015-5-6</p>
        
        <h2>部门分配</h2>
        <p>分配部门 评估一步</p>
          <p>绿色通道 否</p>
            <p>变更项目 否</p>
            <p>分配确认</p>
            
    </aside>
    </aside>
    
    </div>
    <div class=tagContent id=tagContent1>第二个标签的内容</div>


  </div>
</div>
    
    </article>
    
    
</aside>

<article class="main-right">
<h4>大兴安岭政府</h4>
<h3>[御泥坊][御泥坊][御泥坊]</h3>
<aside class="downa">
<h3>技术支持</h3> 
<h3>123456555</h3>
<h3>55566</h3></aside>


</article>
</section>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
